<!DOCTYPE html>
<html lang="zh-CN">
<head>
@@include('../layout/header.html', {
    "title"     : "Betterlife Front UI",
    "rel-prefix": "../.."
})
</head>
<body>
    <!-- main nav begin -->
@@include('../layout/navbar.html', {
    "rel-prefix": ".."
})
    <!-- /main nav end -->

    <!-- page container begin -->
    <div class="page-container">
        <!-- page content begin -->
        <div class="page-content">
            <!-- main sidebar begin -->
            @@include('../layout/sidebar.html', {
                "rel-prefix": ".."
            })
            <!-- /main sidebar end -->

            <!-- main content begin -->
            <div class="content-wrapper">
              <div class="main-content">
                <!-- page header begin -->
                <div class="row">
                  <div class="breadcrumb-line">
                    <ul class="breadcrumb">
                      <li><a href="/"><i class="icon-home2 position-left"></i> 首页</a></li>
                      <li class="active">控制台</li>
                    </ul>
                  </div>
                </div>
                <!-- /page header end -->

                <!-- content area begin -->
                <div class="container-fluid home">
                  <div class="row col-xs-12">
                    <section class="section container-fluid">
                      <h1 class="page-header">Betterlife Front UI</h1>
                      <h2>👌 后台管理，责无旁贷</h2>
                      <a href="https://github.com/skygreen2001/betterlife.front" target="_blank">
                        <div class="load-more col-xs-12 col-sm-12 col-md-12 col-lg-12">
                          <h3 class="see-more">
                            <span class="plus"><div class="plus"></div></span>
                            <span class="text">进一步了解 ></span>
                          </h3>
                        </div>
                      </a>
                    </section>
                  </div>
                </div>

                <!-- /content area end -->
              </div>
            </div>
            <!-- /main content end -->

            <div class="clearfix"></div>
        </div>
        <!-- /page content end -->
    </div>
    <!-- /page container end -->

    <!-- footer begin -->
    @@include('../layout/footer.html',{
      "rel-prefix": ".."
    })
    <!-- /footer end -->
    <script type="text/javascript">
      $(function(){
        if ($(window).width()<768) $("#btn-toggle-sidebar").css("display","block");
        $(window).resize(function(){if ($(window).width()<768) $("#btn-toggle-sidebar").css("display","block"); else $("#btn-toggle-sidebar").css("display","none");});
        var offset = $(window).height() - $(".navbar-container").height() - $(".breadcrumb-line").height() -$("footer").height();
        $(".home .container-fluid").css("height", offset);
      });
    </script>
</body>
</html>
